<div class="modal-dialog">
	<div class="modal-content">
		<div class="modal-header text-center">
			<div class="container">
				<div class="row">
					<div class="col-md-12">
						<h3 class="text-center">Regex Key</h3>
					</div>
				</div>
			</div>
			<button type="button" class="close" data-dismiss="modal" aria-label="Close">
				<span aria-hidden="true">&times;</span>
			</button>
		</div>
		<div class="modal-body">
			<form method="POST" action="{{ script_root }}/admin/keys/{{id}}">
				<input type="text" id="key-data" class="form-control" name="key" value="{{key}}" placeholder="Enter regex key data">
				<div class="form-check form-check-inline">
					<input class="form-check-input" type="checkbox" id="keydata" name="keydata" value="case_insensitive"
						   {% if data %}checked{% endif %}>
					<label class="form-check-label" for="keydata">Case Insensitive</label>
				</div>
				<input type="hidden" id="key-type" name="key_type" value="regex">
				<input type="hidden" id="key-id">
				<hr>
				<div class="form-group">
					<input type="hidden" value="{{ nonce }}" name="nonce" id="nonce">
					<button id="submit-keys" class="btn btn-success float-right">Update</button>
				</div>
			</form>
		</div>
	</div>
</div>